feat(web): 采用 UI UX Pro Max Soft UI Evolution 设计系统

从 Pinterest 风格切换到 Soft UI Evolution 设计系统，使用 UI UX Pro Max
推理引擎生成适合跨行业 ERP 业务用户的专业设计方案。

设计变更：
- 主色从 Pinterest Red (#e60023) 切换到 Trust Blue (#2563EB)
- 字体从系统默认切换到 Noto Sans SC（中文优先）
- 圆角从 16-20px 调整到 10-12px（专业但不夸张）
- 中性色从暖橄榄调切换到 Slate 石板蓝调
- 成功色 #103c25 → #059669，警告色 #b56e1a → #d97706
- 暗色模式从暖黑 (#1a1a18) 切换到深海军蓝 (#0f172a)

涉及文件：DESIGN.md + index.css + App.tsx + 24 个组件文件

apps/web/src/pages/Organizations.tsx

@@ -44,7 +44,7 @@ export default function Organizations() {
   const cardStyle = {
     background: isDark ? '#111827' : '#FFFFFF',
     borderRadius: 12,
-    border: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
+    border: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
   };
 
   // --- Org tree state ---
@@ -264,9 +264,9 @@ export default function Organizations() {
           {item.name}{' '}
           {item.code && <Tag style={{
             marginLeft: 4,
-            background: isDark ? '#211922' : '#fef0f0',
+            background: isDark ? '#0f172a' : '#eff6ff',
             border: 'none',
-            color: '#e60023',
+            color: '#2563eb',
             fontSize: 11,
           }}>{item.code}</Tag>}
         </span>
@@ -282,9 +282,9 @@ export default function Organizations() {
           {item.name}{' '}
           {item.code && <Tag style={{
             marginLeft: 4,
-            background: isDark ? '#211922' : '#ECFDF5',
+            background: isDark ? '#0f172a' : '#ECFDF5',
             border: 'none',
-            color: '#103c25',
+            color: '#059669',
             fontSize: 11,
           }}>{item.code}</Tag>}
         </span>
@@ -343,7 +343,7 @@ export default function Organizations() {
       <div className="erp-page-header">
         <div>
           <h4>
-            <ApartmentOutlined style={{ marginRight: 8, color: '#e60023' }} />
+            <ApartmentOutlined style={{ marginRight: 8, color: '#2563eb' }} />
             组织架构管理
           </h4>
           <div className="erp-page-subtitle">管理组织、部门和岗位的层级结构</div>
@@ -356,7 +356,7 @@ export default function Organizations() {
         <div style={{ width: 300, flexShrink: 0, ...cardStyle, overflow: 'hidden' }}>
           <div style={{
             padding: '14px 20px',
-            borderBottom: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
+            borderBottom: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
@@ -418,7 +418,7 @@ export default function Organizations() {
         <div style={{ width: 300, flexShrink: 0, ...cardStyle, overflow: 'hidden' }}>
           <div style={{
             padding: '14px 20px',
-            borderBottom: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
+            borderBottom: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',
@@ -471,7 +471,7 @@ export default function Organizations() {
         <div style={{ flex: 1, ...cardStyle, overflow: 'hidden' }}>
           <div style={{
             padding: '14px 20px',
-            borderBottom: `1px solid ${isDark ? '#211922' : '#f6f6f3'}`,
+            borderBottom: `1px solid ${isDark ? '#0f172a' : '#f8fafc'}`,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',