feat(web): 采用 Notion 设计系统 — 暖色调 + 白色侧边栏 + Inter 字体

引入 Notion 风格的 DESIGN.md 设计系统文件，并全面重构前端 UI：

- 主色从 Indigo (#4F46E5) 迁移到 Notion Blue (#0075de)
- 页面背景从冷灰 (#F1F5F9) 迁移到暖白 (#f6f5f4)
- 侧边栏从深色 (#0F172A) 迁移到白色，活跃项用蓝色指示
- 文字从 Slate 冷色迁移到暖灰系列 (Warm Gray 500/300)
- 圆角从 8px 缩小到 4px（按钮/输入），8px（卡片）
- 阴影改为多层超轻 Notion 风格（最大 opacity 0.05）
- 字体优先使用 Inter，保留中文回退
- 暗色模式适配暖黑色调 (#191918)
- 更新 27 个前端文件的硬编码颜色值

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 ? '#1E293B' : '#F1F5F9'}`,
+    border: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
   };
 
   // --- Org tree state ---
@@ -264,9 +264,9 @@ export default function Organizations() {
           {item.name}{' '}
           {item.code && <Tag style={{
             marginLeft: 4,
-            background: isDark ? '#1E293B' : '#EEF2FF',
+            background: isDark ? '#1e1e1d' : '#f2f9ff',
             border: 'none',
-            color: '#4F46E5',
+            color: '#0075de',
             fontSize: 11,
           }}>{item.code}</Tag>}
         </span>
@@ -282,9 +282,9 @@ export default function Organizations() {
           {item.name}{' '}
           {item.code && <Tag style={{
             marginLeft: 4,
-            background: isDark ? '#1E293B' : '#ECFDF5',
+            background: isDark ? '#1e1e1d' : '#ECFDF5',
             border: 'none',
-            color: '#059669',
+            color: '#1aae39',
             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: '#4F46E5' }} />
+            <ApartmentOutlined style={{ marginRight: 8, color: '#0075de' }} />
             组织架构管理
           </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 ? '#1E293B' : '#F1F5F9'}`,
+            borderBottom: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
             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 ? '#1E293B' : '#F1F5F9'}`,
+            borderBottom: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
             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 ? '#1E293B' : '#F1F5F9'}`,
+            borderBottom: `1px solid ${isDark ? '#1e1e1d' : '#f6f5f4'}`,
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'space-between',