update README

1. adjust organization
2. supply HF spaces link

README.md

@@ -15,33 +15,14 @@ pinned: false
 
 ## 🚀 快速開始
 
-### 安裝依賴
+### Local Host
+- ```pip install -r requirements.txt```
+- ```gradio app.py``` or ```python app.py```
+- 應用將在 `http://localhost:7860` 啟動。
 
-```bash
-pip install -r requirements.txt
-```
-
-### 運行應用
-
-```bash
-gradio app.py
-```
-
-或
-
-```bash
-python app.py
-```
-
-應用將在 `http://localhost:7860` 啟動。
+### Hugging Face Spaces
+[![Open in Spaces](https://huggingface.co/datasets/huggingface/badges/resolve/main/open-in-hf-spaces-md-dark.svg)](https://huggingface.co/spaces/tingul4/text-image-seg)
 
-## 📦 依賴項
-
-- `gradio` - 互動式 Web 介面
-- `transformers` - Hugging Face 模型庫
-- `torch` - PyTorch 深度學習框架
-- `Pillow` - 圖像處理
-- `numpy` - 數值計算
 
 ## 🎮 使用方法
 
@@ -54,14 +35,33 @@ python app.py
    - 左側顯示分割遮罩（不同物件用不同顏色）
    - 右側顯示除錯資訊（檢測數量、標籤、信心度）
 
-## 🎨 顏色標示
+## 💡 使用技巧
+
+### 提高檢測準確度
+
+1. **使用具體描述**：`blue car` 比 `car` 更精確
+2. **調整閾值**：當前閾值為 0.15，可在 source code 中調整
+3. **多次嘗試**：嘗試不同的文字表達方式或是使用英文描述
+
+## 📦 依賴項
+
+- `gradio` - 互動式 Web 介面
+- `transformers` - Hugging Face 模型庫
+- `torch` - PyTorch 深度學習框架
+- `Pillow` - 圖像處理
+- `numpy` - 數值計算
 
-檢測到的物件會按順序使用以下顏色作為mask：
+## 📝 程式碼結構
 
-1. 🔴 紅色
-2. 🟢 綠色
-3. 🔵 藍色
-4. 🟡 黃色
+```
+text-image-seg/
+├── app.py
+├── requirements.txt
+├── README.md
+├── sample_images/
+├── .gitattributes
+└── .gitignore
+```
 
 ## 🔧 技術架構
 
@@ -89,26 +89,6 @@ SAM 生成分割遮罩
 輸出結果
 ```
 
-## 💡 使用技巧
-
-### 提高檢測準確度
-
-1. **使用具體描述**：`blue car` 比 `car` 更精確
-2. **調整閾值**：當前閾值為 0.15，可在 source code 中調整
-3. **多次嘗試**：嘗試不同的文字表達方式或是使用英文描述
-
-## 📝 程式碼結構
-
-```
-text-image-seg/
-├── app.py
-├── requirements.txt
-├── README.md
-├── sample_images/
-├── .gitattributes
-└── .gitignore
-```
-
 ## 🔗 相關資源
 
 - [Grounding DINO](https://github.com/IDEA-Research/GroundingDINO)